.HOCExplain{
  border: 1px solid black;
  background-color: rgb(142, 142, 172);
  height: 300px;
  width: 200px;
  display: grid;
  grid-template-rows:20px auto 20px;
  grid-gap:3px;
  justify-items: center;
  align-items: start;
}
.HOCExplain .header{
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: rgb(118, 138, 224);
}

.HOCExplain .container{
  width: 100%;
  height: 100%;
  text-align: center;
  color: black;
} 

.HOCExplain .footer{
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: rgb(118, 138, 224);
}
